<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    {include file="common/top"/}
</head>
<body>
{include file="common/head"/}
<!--banner-->
<div id="flashs">
    <div class="bd">
        <div class="flash">

            <script type="text/javascript" src="/static/home/js/indexbn.js"></script>
            <style>
                .fullSlide { width:100%;position:relative; background:#fff; height:300px; overflow:hidden;}
                .fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
                .fullSlide .bd ul {width:100% !important;}
                .fullSlide .bd li {width:100% !important;height:300px;overflow:hidden;text-align:center;}
            </style>
            <div class="fullSlide">
                <div class="bd">
                    <ul>
                        <li style="background: #ccc url('{$catimg}') center 0 no-repeat;"><a href='' target='_blank' title=''></a></li> </ul>
                </div>
                <div class="btn hd">
                    <ul>
                    </ul>
                </div>
                <span class="prev"></span><span class="next"></span>
            </div>
        </div>
    </div>
</div>
<!--banner-->


<div class="cpMain">
    <div class="sidebar inner">
        <div class="pro_l">

            <h4><a class="prolia">{$catname}</a></h4>
            <div class="active" id="sidebar" data-csnow="19" data-class3="0" data-jsok="1">
                <div class="nlist">
                    {if condition="$pid eq 0"}
                    <ul>
                        {volist name=":SidType($catid)" id="vo" key="i"}
                        <li class="leftli {if condition='$catid eq $vo[id]'}thinss{/if}"><a href="{$vo.url}">{$vo.catname}</a></li>
                        {/volist}
                        {else /}
                        {volist name=":SidType($pid)" id="vo" key="i"}
                        <li class="leftli {if condition='$catid eq $vo[id]'}thinss{/if}"><a href="{$vo.url}">{$vo.catname}</a></li>
                        {/volist}
                    </ul>
                    {/if}
                </div>
                <div class="clear"></div>
            </div>

        </div>
        <div class="sb_box">
            <div class="rtop">
                <h5><a>{$catname}</a></h5>
                <span><em>您的位置：</em> <a href="/" title="网站首页">网站首页</a> » <a>{$catname}</a></span>
            </div>
            <div class="clear"></div>

            <div class="editor active" id="showtext">
                {$info.content|raw}
                <div class="clear"></div>
            </div>
            <link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css"/>
            <script src="https://webapi.amap.com/maps?v=1.4.15&key=539ac77f4c6cd6f7ad3137793f451b68&plugin=AMap.ToolBar"></script>
            <script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
            <div class="map_box">
                <div id="container"></div>
            </div>

            <script type="text/javascript">
                //初始化地图对象，加载地图
                var tit = '{$config.title|raw}',ads = '{$config.ads|raw}',lon = '{$config.longitude|raw}',lat = '{$config.latitude|raw}';
                var map = new AMap.Map("container", {
                    zoom: 15,
                    center: [lon,lat],
                    resizeEnable: true,
                    scrollWheel:false,
                    mapStyle: 'normal'
                });
                var lnglats = [
                    [lon,lat]
                ];

                var markerArr = [
                    { title: tit, address: ads},
                ];

                var infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(20, -35)});
                for (var i = 0, marker; i < lnglats.length; i++) {
                    var marker = new AMap.Marker({
                        position: lnglats[i],
                        icon:"/static/res/images/map.png",
                        map: map
                    });

                    marker.content = "<p style=’font-size:12px;lineheight:1.8em;’>" + markerArr[i].address + "</br></p>";
                    marker.on('click', markerClick);
                    marker.emit('click', {target: marker});
                }

                function markerClick(e) {
                    infoWindow.setContent(e.target.content);
                    infoWindow.open(map, e.target.getPosition());

                }
                var toolbar = new AMap.ToolBar();
                map.plugin(toolbar);
                map.setFitView();

                /*map.setLang('en');*/
            </script>
            <style>
                #container{position: relative;width: 100%;height: 500px;}
                .amap-info-content h4{ font-size:16px; color:#333; margin-top:10px; margin-bottom:0}
                .amap-info-content p{ font-size:12px; line-height:26px; color:#404040; margin:10px 0}
            </style>

        </div>
        <div class="clear"></div>
    </div>

    {include file="common/footer"/}

</body>
</html>